<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="common/css/global.css"/>
		<link rel="stylesheet" href="common/css/widget/amazeui.swiper.min.css" />	
		<link rel="stylesheet" href="common/css/member.css"/>
	</head>
	<body>
		<div class="member">
			<div class="memberOpen">
				<div class="img"><img src="common/img/temp/vip-banner.jpg"></div>
				<a href="#" class="btn-open">立即开通</a>
			</div>
			<div class="memberPrivilege">
				<h3 class="title ">会员尊享特权</h3>
				<div class="privilege-lis">
					<ul>
						<li><i class="icon icon-font">&#xe624;</i><span>院线新片全覆盖</span></li>
						<li><i class="icon icon-font">&#xe000;</i><span>独播热剧提前看</span></li>
						<li><i class="icon icon-font">&#xe000;</i><span>远离广告无干扰</span></li>
						<li><i class="icon icon-font">&#xe000;</i><span>高清画质随心享</span></li>
					</ul>	
				</div>
			</div>
			<div class="memberFun">
				<h3 class="title">会员Fun映场</h3>
				<div class="memberFun-slide clear">
					<div class="view">
						<div class="swiper-container" style="overflow: hidden">
							<ul class="swiper-wrapper">
								<li class="swiper-slide"><img src="common/img/temp/fun01.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun01.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun01.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun01.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun01.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun01.jpg" /></li>
							</ul>
						</div>
					</div>
					<div class="preview">
						<div class="swiper-container" style="overflow: hidden">
							<ul class="swiper-wrapper">
								<li class="swiper-slide"><img src="common/img/temp/fun_s01.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun_s02.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun_s03.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun_s04.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun_s05.jpg" /></li>
								<li class="swiper-slide"><img src="common/img/temp/fun_s06.jpg" /></li>
							</ul>
							<div class="swiper-button-prev"></div>
    						<div class="swiper-button-next"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="common/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="common/js/swiper3.1.0.min.js"></script>
	<script>
		var viewSwiper = new Swiper('.view .swiper-container', {
			slidesPerView: 'auto',
		});
		var previewSwiper = new Swiper('.preview .swiper-container', {
	        nextButton: '.swiper-button-next',
	        prevButton: '.swiper-button-prev',
			slidesPerView: 'auto',
	        visibilityFullFit: true,
			centeredSlides: true,
       		slideToClickedSlide: true,
		});
		    
		viewSwiper.params.control = previewSwiper;
   		previewSwiper.params.control = viewSwiper;
	</script>
</html>
